<template>
  <div>
    <div class="body">
      <img
        src="@/assets/404.png"
        class="img404"
        style="width: 500px; height: 500px"
      />
      <div>
        页面丢失了
        <a style="color: blue; cursor: pointer" @click="gotoRoute">返回首页</a>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter();
const gotoRoute = () => {
  router.push("/home");
};
</script>

<style lang="scss" scoped>
.body {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 20%;
  left: 38vw;
  // border: 1px solid red;
}
</style>
